<div #all
     [style.background-image]="'url(' + (goldObj? IPPORT + goldObj.goldBG : data.fillData.fillImg) + ')'"
     [style.background-position]="goldObj?'bottom center':'auto'"
     [style.background-size]="goldObj?'100% 100%':'auto'"
>
    <div #top class="causal-top">
        <div>
            <p class="title">{{data.fillData.title || '请输入标题'}}</p>
            <p class="fillcontent">{{data.fillData.content || '请输入内容'}}</p>
            <p class="tec-anwser" *ngIf="showAnwser">答案：{{data.fillData.anwser || '请输入答案'}}</p>
        </div>
        <!--<div class="last" *ngIf="goldObj">-->
        <!--<p>-->
        <!--<span *ngFor="let value of goldObj.weatherICON;">-->
        <!--<img style="width: 40px;height: 40px;" [src]="IPPORT + value" alt="">-->
        <!--</span>-->
        <!--</p>-->
        <!--<div>-->
        <!--<p>背包信息:</p>-->
        <!--<p>-->
        <!--食物:　<span style="margin-right: 20px">{{goldObj.currentStatus.food}}</span>-->
        <!--水:　<span style="margin-right: 10px">　{{goldObj.currentStatus.water}}</span>-->
        <!--</p>-->
        <!--<p>-->
        <!--指南针:<span style="margin-right: 20px">{{goldObj.currentStatus.compass}}</span>-->
        <!--帐篷:　<span style="margin-right: 10px">{{goldObj.currentStatus.tent}}</span>-->
        <!--</p>-->
        <!--<p>-->
        <!--黄金:　<span style="margin-right: 20px">{{goldObj.currentStatus.gold}}</span>-->
        <!--现金:　<span style="margin-right: 10px">{{goldObj.currentStatus.money}}</span>-->
        <!--</p>-->
        <!--<p>-->
        <!--负重:　<span style="margin-right: 20px">{{goldObj.currentStatus.weight}}</span>-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->
    </div>
    <div #center class="causal-center" [ngClass]="{'gold': goldObj}" [style.height.px]="centerHeight">
        <ul #answerListBox style="padding-bottom: 100px;">
            <li *ngFor="let data of answerList; let i = index">
                <div *ngIf="i%2 ===0 "  class="user">
                    <img [src]="data.imagePath?IPPORT + data.imagePath : './assets/img/defaultUser-img.jpg'">
                    <span>
                        {{data.userName}}
                    </span>
                    <span style="font-size: 14px">
                        {{data.role_name}}
                    </span>
                </div>
                <div class="answer" [ngClass]="{'yon_bgcolor_yes': data.g_yon == 1,'yon_bgcolor_no': data.g_yon == 2 ,'yon_bgcolor_wg': data.g_yon == 3}">
                    <p>{{data.answer}}</p>
                </div>
                <div *ngIf="i%2 !==0 " class="user">
                    <img [src]="data.imagePath?IPPORT + data.imagePath : './assets/img/defaultUser-img.jpg'">
                    <span>
                        {{data.userName}}
                    </span>
                    <span style="font-size: 14px">
                        {{data.role_name}}
                    </span>
                </div>
            </li>
        </ul>
        <div *ngIf="goldObj" class="gold-info">
            <div style="display: block;background: #fff;border: 3px solid #843f0e;border-radius: 5px">
                <div style="float: left;width: 32px;margin-bottom: 0;height: 50%" *ngFor="let value of goldObj.weatherICON;">
                    <img style="width: 30px;height: auto;vertical-align: middle" [src]="IPPORT + value" alt="">
                </div>
            </div>

            <div class="gold-1"
                 [style.background-image]="'url(./assets/img/r-icon-1.png)'"
            >
                {{goldObj.currentStatus.money}}
            </div>
            <div class="gold-2"
                 [style.background-image]="'url(./assets/img/r-icon-2.png)'"
            >
                {{goldObj.currentStatus.water}}
            </div>
            <div class="gold-3"
                 [style.background-image]="'url(./assets/img/r-icon-3.png)'"
            >
                {{goldObj.currentStatus.compass}}
            </div>
            <div class="gold-4"
                 [style.background-image]="'url(./assets/img/r-icon-4.png)'"
            >
                {{goldObj.currentStatus.weight}}
            </div>
            <div class="gold-5"
                 [style.background-image]="'url(./assets/img/r-icon-5.png)'"
            >
                {{goldObj.currentStatus.tent}}
            </div>
            <div class="gold-6"
                 [style.background-image]="'url(./assets/img/r-icon-6.png)'"
            >
                {{goldObj.currentStatus.gold}}
            </div>
            <div class="gold-7"
                 [style.background-image]="'url(./assets/img/r-icon-7.png)'"
            >
                {{goldObj.currentStatus.food}}
            </div>
        </div>
    </div>
</div>
